<div id="mask"><div>数据加载中……</div></div>
<div class="cotainer">
  <div class="panel panel-default" style="border-radius: 5px;">   
    <div class="panel-body" style="margin-bottom: 0">
      <span class="font-bold">设备别名：</span><span>{{devinfoData?.alias_name||'无'}}</span>
      <span class="m-l font-bold">设备自定义名称：</span><span>{{devinfoData?.xcxlh||'无'}}</span>
      <span class="m-l font-bold">终端用户：</span><span>{{devinfoData?.zdyh||'无'}}</span>
      <span class="m-l font-bold">设备序列号：</span><span>{{devinfoData?.sn||'无'}}</span>
      <span class="m-l font-bold">设备型号：</span><span>{{devinfoData?.model||'无'}}</span>
      <span class="m-l font-bold">设备状态：
        <span *ngIf="devinfoData?.online=='0'" class="label bg-danger inline m-t-xs">离线</span>
        <span *ngIf="devinfoData?.online=='1'" class="label bg-success inline m-t-xs">在线</span>
      </span>
    </div>
  </div>
</div>
<div class="cotainer m-t-n-lg" >
  <header>
    <a class="nav-title active"  (click)="change(0);">设备监控</a>
    <a class="nav-title" (click)="change(1);">服务参数</a>
    <a class="nav-title" (click)="change(2);">故障参数</a>
    <a class="nav-title" (click)="change(3);">历史数据</a>
    <a class="nav-title" (click)="change(4);">报警</a>
    <a class="nav-title" (click)="change(5);">能效分析</a>
  </header>
</div>

<div class="content-box xx-box" id="realtime" >
  <div class="content-box-child">
    <div class="content-box-title">实时状态</div>
    <div class="charts-box">
      <div class="charts-child" style="width:200px; height:200px">
        <div id="angular-gauge1" style="min-width: 150px; max-width: 200px; height: 200px; margin: 0 auto">
        </div>
        <div class="charts-child-txt"><span >排气压力</span></div>
      </div>
      <div class="charts-child" style="width:200px; height:200px">
        <div id="angular-gauge2" style="min-width: 150px; max-width: 200px; height: 200px; margin: 0 auto">
        </div>
        <div class="charts-child-txt"><span >排气温度</span></div>
      </div>
      <div class="charts-child" style="width:200px; height:200px">
        <div id="angular-gauge3" style="min-width: 150px; max-width: 200px; height: 200px; margin: 0 auto">
        </div>
        <div class="charts-child-txt"><span >主机A项电流</span></div>
      </div>
      <div class="charts-child">
        <div class="charts-child-time">
          <span class="charts-child-time-left">运行时间</span>
          <span id="Runtime1">--</span>
          <span>h</span>
        </div>
        <div class="charts-child-time">
          <span class="charts-child-time-left">加载时间</span>
          <span id="Loadruntime1">--</span>
          <span>h</span>
        </div>
      </div>
    </div>
  </div>
  <div class="content-box-child">
    <div class="trouble-box">
                <span class="trouble-child-box">
                    <span class="trouble-child-left" id="Srun">运行</span>
                <span class="trouble-child-right gray" id="Srun1"></span>
                </span>
                <span class="trouble-child-box">
                    <span class="trouble-child-left" id="Sload">加载</span>
                <span class="trouble-child-right gray" id="Sload1"></span>
                </span>
                <span class="trouble-child-box">
                    <span class="trouble-child-left">空久停机</span>
                <span class="trouble-child-right gray" id="Flongstop"></span>
                </span>

                <span class="trouble-child-box">
                    <span class="trouble-child-left">预警</span>
                <span class="trouble-child-right gray" id="Fwarn"></span>
                </span>
                <span class="trouble-child-box">
                    <span class="trouble-child-left">故障</span>
                <span class="trouble-child-right gray" id="Ffault"></span>
                </span>
    </div>
  </div>
  <div *ngIf="realtimeProperties">
    
    <div class="content-box-child">
      <h4 style="padding: 10px;">{{realtimeProperties}}</h4>
    </div>
  </div>
  <div *ngIf="!realtimeProperties">
  <div class="info-box">
    <div class="info-box-child left">
      <table class="table table-striped">
        <thead>
        <tr>
          <th>#</th>
          <th>参数</th>
          <th>值</th>
          <th>单位</th>
        </tr>
        </thead>
        <tbody>
        <tr *ngFor="let rtpdata of realtimeProperties1;let i = index" [attr.data-index]="i">
          <td>{{i+1}}</td>
          <td>{{rtpdata.display_name}}</td>
          <td class="tdcls" id="{{rtpdata.property}}">--</td>
          <td>{{rtpdata.unit}}</td>
        </tr>       
        </tbody>
      </table>
    </div>
    <div class="info-box-child right">
      <table class="table table-striped">
        <thead>
        <tr>
          <th>#</th>
          <th>参数</th>
          <th>值</th>
          <th>单位</th>
        </tr>
        </thead>
        <tbody>
        <tr *ngFor="let rtpdata of realtimeProperties2;let i = index" [attr.data-index]="i">
          <td>{{i+1}}</td>
          <td>{{rtpdata.display_name}}</td>
          <td class="tdcls" id="{{rtpdata.property}}">--</td>
          <td>{{rtpdata.unit}}</td>
        </tr>      

        </tbody>
      </table>
    </div>
  </div>
 </div>
</div>

<div  class="info-box xx-box" id="sevinfo" style="display: none;">
  <div class="info-box-child left">
    <table class="table table-striped">
      <caption>服务参数</caption>
      <thead>
      <tr>
        <th>#</th>
        <th>参数</th>
        <th>值</th>
        <th>单位</th>
        <th>保养提醒</th>
      </tr>
      </thead>
      <tbody>
      <tr>
        <td>1</td>
        <td>润滑油运行时间</td>
        <td class="tdcls" id="LubeT">--</td>
        <td>h</td>
        <td class="warn-box"><span class="gray-box" stag="spara" id="Flubemaintaintime"></span></td>
      </tr>
      <tr>
        <td>2</td>
        <td>润滑脂运行时间</td>
        <td class="tdcls" id="GreaseT">--</td>
        <td>h</td>
        <td class="warn-box"><span class="gray-box" stag="spara" id="Fgreasemaintaintime"></span></td>
      </tr>
      <tr>
        <td>3</td>
        <td>油气分离器运行时间</td>
        <td class="tdcls" id="OilgasseparatorT">--</td>
        <td>h</td>
        <td class="warn-box"><span class="gray-box" stag="spara" id="Foilgasmaintaintime"></span></td>
      </tr>
      <tr>
        <td>4</td>
        <td>油过滤器使用时间</td>
        <td class="tdcls" id="OilfilterT">--</td>
        <td>h</td>
        <td class="warn-box"><span class="gray-box" stag="spara" id="Foilfiltermaintaintime"></span></td>
      </tr>
      <tr>
        <td>5</td>
        <td>空气过滤器使用时间</td>
        <td class="tdcls" id="AirfilterT">--</td>
        <td>h</td>
        <td class="warn-box"><span class="gray-box" stag="spara" id="Fairfiltermaintaintime"></span></td>
      </tr>

      </tbody>
    </table>
  </div>
  <div class="info-box-child right">
    <table class="table table-striped">
      <caption>&nbsp;&nbsp;</caption>
      <thead>
      <tr>
        <th>#</th>
        <th>参数</th>
        <th>值</th>
        <th>单位</th>
        <th>保养提醒</th>
      </tr>
      </thead>
      <tbody>

      <tr>
        <td>6</td>
        <td>星接触器运行次数</td>
        <td class="tdcls" id="StarcontactorN">--</td>
        <td>次</td>
        <td class="warn-box"><span class="gray-box" stag="spara" id="Fstarcontactormaintainnum"></span></td>
      </tr>
      <tr>
        <td>7</td>
        <td>角接触器运行次数</td>
        <td class="tdcls" id="AnglecontactorN">--</td>
        <td>次</td>
        <td class="warn-box"><span class="gray-box" stag="spara" id="Fanglecontactormaintainnum"></span></td>
      </tr>
      <tr>
        <td>8</td>
        <td>进气加载阀运行次数</td>
        <td class="tdcls" id="AirloadvalveN">--</td>
        <td>次</td>
        <td class="warn-box"><span class="gray-box" stag="spara" id="Fairloadvalvemaintainnum"></span></td>
      </tr>
      <tr>
        <td>9</td>
        <td>进气电磁阀运行次数</td>
        <td class="tdcls" id="AirsolenoidvalveN">--</td>
        <td>次</td>
        <td class="warn-box"><span class="gray-box" stag="spara" id="Fairsolenoidvalvemaintainnum"></span></td>
      </tr>
      <tr>
        <td>10</td>
        <td>风机接触器运行次数</td>
        <td class="tdcls" id="FancontactorN">--</td>
        <td>次</td>
        <td class="warn-box"><span class="gray-box" stag="spara" id="Ffancontactormaintainnum"></span></td>
      </tr>
      </tbody>
    </table>
  </div>
</div>

<div class="info-box xx-box" style="display: none;">
  <div class="info-box-child left">
    <table class="table table-striped">
      <caption>故障参数</caption>
      <thead>
      <tr>
        <th>#</th>
        <th>故障类型</th>
        <th>故障提醒</th>
      </tr>
      </thead>
      <tbody>
      <tr>
        <td>1</td>
        <td>前轴承温度高停机</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Fhighfbearingtempstop"></span></td>
      </tr>
      <tr>
        <td>2</td>
        <td>排气温度高停机</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Fhighexhtempstop"></span></td>
      </tr>
      <tr>
        <td>3</td>
        <td>系统温度高停机</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Fhighsystempstop"></span></td>
      </tr>
      <tr>
        <td>4</td>
        <td>排气压力高停机</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Fhighexhpressstop"></span></td>
      </tr>
      <tr>
        <td>5</td>
        <td>系统压力高停机</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Fhighsyspressstop"></span></td>
      </tr>
      <tr>
        <td>6</td>
        <td>后轴承温度高预警</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Fhighbbearingtempwarn"></span></td>
      </tr>
      <tr>
        <td>7</td>
        <td>前轴承温度高预警</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Fhighfbearingtempwarn"></span></td>
      </tr>
      <tr>
        <td>8</td>
        <td>排气温度高预警</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Fhighexhtempwarn"></span></td>
      </tr>
      <tr>
        <td>9</td>
        <td>系统温度高预警</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Fhighsystempwarn"></span></td>
      </tr>
      <tr>
        <td>10</td>
        <td>排气压力高预警</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Fhighexhpresswarn"></span></td>
      </tr>
      <tr>
        <td>11</td>
        <td>系统压力高预警</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Fhighsyspresswarn"></span></td>
      </tr>
      <tr>
        <td>12</td>
        <td>风机过载</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Ffanoverload"></span></td>
      </tr>
      </tbody>
    </table>
  </div>

  <div class="info-box-child right " >
    <table class="table table-striped">
      <caption>&nbsp;&nbsp;</caption>
      <thead>
      <tr>
        <th>#</th>
        <th>故障类型</th>
        <th>故障提醒</th>
      </tr>
      </thead>
      <tbody>
      <tr>
        <td>13</td>
        <td>后轴承温度传感器故障</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Fbbearingtempsenfault"></span></td>
      </tr>
      <tr>
        <td>14</td>
        <td>前轴承温度传感器故障</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Ffbearingtempsenfault"></span></td>
      </tr>
      <tr>
        <td>15</td>
        <td>排气温度传感器故障</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Fexhtempsenfault"></span></td>
      </tr>
      <tr>
        <td>16</td>
        <td>系统温度传感器故障</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Fsystempsenfault"></span></td>
      </tr>
      <tr>
        <td>17</td>
        <td>喷油压力传感器故障</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Foilpresssenfault"></span></td>
      </tr>
      <tr>
        <td>18</td>
        <td>排气压力传感器故障</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Fexhpresssenfault"></span></td>
      </tr>
      <tr>
        <td>19</td>
        <td>系统压力传感器故障</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Fsyspresssenfault"></span></td>
      </tr>
      <tr>
        <td>20</td>
        <td>后轴承温度高停机</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Fhighbbearingtempstop"></span></td>
      </tr>
      <tr>
        <td>21</td>
        <td>油滤压差开关报警</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Foilfilterpressalarm"></span></td>
      </tr>
      <tr>
        <td>22</td>
        <td>油分压差开关报警</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Foilpressswitchalarm"></span></td>
      </tr>
      <tr>
        <td>23</td>
        <td>相序错误</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Fphaseerror"></span></td>
      </tr>
      <tr>
        <td>24</td>
        <td>主机过载</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Fhostoverload"></span></td>
      </tr>
      </tbody>
    </table>
  </div>
</div>


<div  class="info-box xx-box" style="display:none" >
 
  <div class="wrapper-sm">
    <div class="panel panel-default  m-t-n-md">     
        <div class="panel-body">         
          <div class="row" >

            <div class="col-xs-2" *ngFor="let propertyData of propertyData" style="margin-bottom: 10px;">
              <input type="checkbox" name="cbx" value="{{propertyData.property}}" (click)="fn($event,propertyData.property)">{{propertyData.display_name}}
            </div>
          </div>
         
          <div class="row">
            <div class="col-md-12">
              <div class="panel panel-default">
                <div class="panel-heading">
                  该设备的数据点历史数据导出
                </div>
                <div class="panel-body">
                   <button class="btn btn-info m-b-md" (click)="model.begintime='';model.endtime='';myModal.show()">该设备的历史数据导出</button>
                </div>
              </div>
            </div>
          </div>

          <div class="row">
            <div class="col-md-12">
              <div class="panel panel-default" style="padding:10px;">
                <div class="panel-heading">30分钟历史数据                  
                  <span  class="pull-right" style="color:red;">提示：一次最多同时查询5个参数，最多可查询30天数据，导出的zip文件，解压缩后文件里面的时间是到秒级别，因此看的时候可以先设置下单元格的样式</span></div>
                <div class="panel-body">
                  <div>
                  <span>请选择时间：</span>
                  <input size="16" type="text" value="" class="form_datetime" id="stime"  readonly>
                  <button class="m-l" (click)="chosedparam()" data-loading-text="数据曲线加载中..." autocomplete="off" id="myButton">查询数据曲线</button>
                  <span class="m-l"><button (click)="out30data()" data-loading-text="数据查询中..." autocomplete="off" id="out30Button">数据导出</button></span>
                  <span *ngIf="out30d"><a class="m-l" href="http://{{out30d}}" style="color: blue" target="_blank">点击链接下载{{out30d}}</a></span>
                  </div>
                  <div> 
                      {{tldata}}  
                      <div [hidden]="tdata.length===0">
                        <div id="getqx" style="width: 90%;  height: 400px; "></div> 

                      </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="col-md-12">
              <div class="panel panel-default" style="padding:10px;">
                <div class="panel-heading">按时间段选择采样数据                 
                  <span  class="pull-right" style="color:red;">提示：一次最多同时查询5个参数,可查询365天的数据，导出的zip文件，解压缩后文件里面的时间是到秒级别，因此看的时候可以先设置下单元格的样式</span></div>
                <div class="panel-body">
                    <div>
                      <span>起始：</span>
                      <input size="16" type="text" value="" class="form_datetime1" id="qBeginTime" readonly>
                      <span class="m-l">终止：</span>
                      <input size="16" type="text" value="" class="form_datetime2" id="qEndTime" readonly>
                      <button class="m-l" (click)="chosedparam1()" data-loading-text="数据曲线加载中..." autocomplete="off" id="myButton1">查询数据曲线</button>
                      <span class="m-l"><button (click)="out60data()" data-loading-text="数据查询中..." autocomplete="off" id="out60Button">数据导出</button></span>
                       <span *ngIf="out60d"><a class="m-l" href="http://{{out60d}}" style="color: blue" target="_blank">点击链接下载{{out60d}}</a></span>

                    </div>
                    <div>

                      {{tndata}}
                      <div [hidden]="tmdata.length===0">
                        <div id="getqx1" style="width: 90%;  height: 400px;"></div>
                      </div>
                    </div>

                </div>
              </div>       
            </div>


          </div>

        </div>
    </div>
 </div>
   <!-- //modal -->
 <div bsModal #myModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h3 class="modal-title">
            <p >导出历史数据</p>         
          </h3>
        </div>
        <div class="modal-body">
          <div class="row">
            <div>
              <form class="bs-example form-horizontal">
               <div style="padding:10px;">
                  <div style="font-size:12px;background-color: #e5e5e5;padding: 5px;" >该入口是将该设备已存储的数据点全部导出，将以链接的方式发送到您的邮箱。如果您的邮箱尚未填写到我们平台，请前往平台下【用户信息】下的【基本信息】单元进行编辑。如果您选择的时间段越长下载时间可能越长，请您耐心等待。目前支持下载周期为一年。</div>
               </div>
               
                <div class="form-group m-t">
                  <label class="col-lg-3 control-label">开始日期</label>
                  <div class="col-lg-7">
                   <!--  <input type="text" class="form-control" [(ngModel)]="model.name" name="sdate" placeholder="请输入角色名称" required=""> -->
                    <input size="16" type="text" value="" [(ngModel)]="model.begintime" name="begintime" class="form_datetimeout1 form-control" id="BeginTime" readonly>
                  </div> 
                </div>
                <div class="form-group">
                  <label class="col-lg-3 control-label">结束日期</label>
                  <div class="col-lg-7">
                   <!--  <input type="text" class="form-control" [(ngModel)]="model.name" name="edate" placeholder="请输入角色名称" required=""> -->
                    <input size="16" type="text" value="" [(ngModel)]="model.endtime" name="endtime" class="form_datetimeout2 form-control" id="EndTime" readonly>
                  </div> 
                </div>

              </form>
            </div>
          </div>
        </div>
   

        <div class="modal-footer">
          <button class="btn btn-info" (click)="confirmExport();">确定</button>
          
          <button class="btn btn-default" (click)="myModal.hide();cansel();">取消</button>
        </div>
      </div>

    </div>
  </div>



</div>

<div  class="info-box xx-box" style="display:none" >
  <div class="wrapper-sm">
   <div class="row" >
<!--     <div class="col-md-12">
      <div class="panel panel-default">
        <div class="panel-heading font-bold">
            <span class="text-sm text-muted pull-right">
           <app-date-selector (date)="pressDate=$event;"></app-date-selector>
          </span>
          设备排气压力统计
        </div>
        <chart-press [deviceId]="deviceId" [date]="pressDate"></chart-press>
      </div>
    </div>

    <div class="col-md-12">
      <div class="panel panel-default">
        <div class="panel-heading font-bold">
          设备加载时间
           <span class="text-sm text-muted pull-right">
           <app-date-selector (date)="loadDate=$event;"></app-date-selector>
          </span>
        </div>
        <chart-load [deviceId]="deviceId" [date]="loadDate"></chart-load>
      </div>
    </div> -->

    <div class="col-md-12">
      <div class="panel panel-default">
        <div class="panel-heading font-bold">
          设备故障次数
          <span class="text-sm text-muted pull-right">
           <app-date-selector (date)="ofaulDate=$event;"></app-date-selector>
          </span>
        </div>
        <chart-ofault [deviceId]="deviceId" [date]="ofaulDate"></chart-ofault>
      </div>
    </div>

    <div class="col-md-12">
      <div class="panel panel-default">
        <div class="panel-heading font-bold">
          设备的工单信息
        </div>
        <div class="panel-body">
          <table  class="table table-hover table-striped m-b-none default footable " style="font-size: 12px;">
            <thead>
              <tr>
                <th  style="width:10%">工单编号</th>                
                <th  style="width:10%">设备编号</th>
                <th  style="width:15%">设备名称</th>
                <th  style="width:20%">报警时间</th>
                <th  style="width:10%">报警类型</th>
                <th  style="width:15%">报警状态</th>
                <th  style="width:10%">工单状态</th>                                     
              </tr>
            </thead>
            <tbody>
              <tr *ngFor="let aaData of aaData">            
                <td>
                  <a href="#/page/repair/order/orderdetail/{{aaData.id}}">
                    <span style="color: blue">{{aaData.id}}</span>
                  </a>
                </td>
                <td>
                  <a href="#/page/archives/info/deviceinfo/{{aaData.device_id.replace('/','|')}}">
                    <span style="color: blue">{{aaData.mac}}</span>
                  </a>
                </td>
                <td>{{aaData.device_name}}</td>
                <td>{{aaData.created}}</td>
                <td *ngIf="aaData.type==0">自动报警</td>
                <td *ngIf="aaData.type==1">手动报警</td>
                <td>
                 <a style="margin-right:5px;color:#56abe4" *ngIf="aaData.step>=1">
                 <span tooltip="{{tool.yijiejingTooltip}}"><i class="icon iconfont icon-yijie"  ></i></span>
                 </a>
                  <a style="margin-right:5px;color:gray" *ngIf="aaData.step<1">
                  <span tooltip="{{tool.yijiejing1Tooltip}}"><i class="icon iconfont icon-yijie"></i></span>
                  </a>
                  <a style="margin-right:5px;color:#56abe4" *ngIf="aaData.step>=2&&aaData.daochang==1">
                  <span  tooltip="{{tool.daochangTooltip}}"><i class="icon iconfont icon-shuniu1"></i></span>
                  </a>
                  <a style="margin-right:5px;color:orange" *ngIf="aaData.step>=2&&aaData.daochang==0">
                  <span tooltip="{{tool.daochang1Tooltip}}"><i class="icon iconfont icon-shuniu1" ></i></span>
                  </a>
                  <a style="margin-right:5px;color:gray" *ngIf="aaData.step<2">
                  <span tooltip="{{tool.daochang2Tooltip}}"><i class="icon iconfont icon-shuniu1" ></i></span>
                  </a>
                  <a style="color:#56abe4" *ngIf="aaData.step>=3">
                  <span tooltip="{{tool.yiquerenTooltip}}"><i class="icon iconfont icon-yiqueren" ></i></span>
                  </a>
                  <a style="color:gray" *ngIf="aaData.step<3">
                  <span  tooltip="{{tool.yiqueren1Tooltip}}"><i class="icon iconfont icon-yiqueren"></i></span>
                  </a>
                </td>
                <td *ngIf="aaData.status==1">报警</td> 
                <td *ngIf="aaData.status==2">接警</td> 
                <td *ngIf="aaData.status==3">到场</td> 
                <td *ngIf="aaData.status==4">完工</td> 
                <td *ngIf="aaData.status==5">恢复</td> 
                <td *ngIf="aaData.status==6">确认</td> 
                <td *ngIf="aaData.status==7">自动确认</td> 
                <td *ngIf="aaData.status==8">撤销</td> 
                
                     
                
              </tr>
            </tbody>
          </table>
          <app-pagination [pageModel]="pageModel" (pageChanged)="page=$event;getFaultdata()"></app-pagination>     
        </div>
      </div>
    </div>

<!--     <div class="col-md-12">
      <div class="panel panel-default">
        <div class="panel-heading font-bold">
          设备故障类型统计
           <span class="text-sm text-muted pull-right">
           <app-date-selector (date)="faulttypeDate=$event;" ></app-date-selector>
          </span>
        </div>
        <chart-faulttype [deviceId]="deviceId" [date]="faulttypeDate"></chart-faulttype>
      </div>
    </div> -->
    </div>
  </div>
</div>

<div  class="info-box xx-box" style="display:none" >
  <div class="col-md-12">
    <div class="panel panel-default">
      <div class="panel-heading font-bold">
        <span>设备用电量统计</span>
         <span class="text-sm text-muted pull-right">
           <app-date-selector (date)="powerDate=$event;"></app-date-selector>
          </span>
      </div>
      <div class="panel-body">
        <chart-power [date]="powerDate"></chart-power>
      </div>
    </div>
  </div>
</div>
